package top.mcwebsite.playandroid.business.me.impl.coin.ui

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
fun CoinHeader(
    coinCount: Int?,
) {
    Box(
        modifier = Modifier
            .fillMaxWidth()
            .height(200.dp)
            .background(color = MaterialTheme.colorScheme.surfaceVariant)
    ) {
        Text(
            text = coinCount?.toString() ?: "",
            style = MaterialTheme.typography.titleLarge.copy(fontSize = 68.sp),
            modifier = Modifier.align(Alignment.Center)
        )
    }
}